<template>
  <div class="mod-user">
<!-- 资质项 详情 -->
    <div class="xinxi">
        <!-- 资质信息 -->
       <div class="zizhixinxi">
           <div class="zizhi-title">
            <div class="zuo-a"></div>
            <div class="you-a">资质信息</div>

            <div @click="clickUa" class="backU">返回上级</div>
           </div>

        <div class="zizhi-center">

        <el-form :model="dataForm" :rules="dataRule" ref="dataForm"  label-width="120px">

        <el-row>

         <el-col :span="8">
                <el-form-item v-if="dataListEdit.typeTag == 1" label="资质类型：">
                    总承包
                </el-form-item>
                <el-form-item v-if="dataListEdit.typeTag == 2" label="资质类型：">
                    专业承包
                </el-form-item>
              </el-col>

              
         <el-col :span="8">
                <el-form-item label="资质项：">
                 {{dataListEdit.qualiCode}}
                </el-form-item>
              </el-col>

              
         <el-col :span="8">
                <el-form-item v-if="dataListEdit.gradeTag == 0" label="资质等级：">
                 特级
                </el-form-item>
                <el-form-item v-if="dataListEdit.gradeTag == 1" label="资质等级：">
                 一级
                </el-form-item>
                <el-form-item v-if="dataListEdit.gradeTag == 2" label="资质等级：">
                 二级
                </el-form-item>
                <el-form-item v-if="dataListEdit.gradeTag == 3" label="资质等级：">
                 三级
                </el-form-item>
              </el-col>

        </el-row>

        </el-form>
         

        </div>

       </div>

    </div>

    <!-- 所需证书 -->
     <div class="xinxi-e">
        <!-- 资质信息 -->
       <div class="zizhixinxi">
           <div class="zizhi-titleA">
            <div class="zuo-a"></div>
            <div class="you-a">所需证书</div>
     </div>



  <el-table
    :data="dataListEdit.certConds"
    class="tables-e"
    style="width: 100%"
    :header-cell-style="{background:'#F5F7FA',height:'54px'}"
    >
    <el-table-column

      label="序号"
      type="index"
      align="center"
      width="150">
    </el-table-column>
    <el-table-column
      prop="content"
      label="证书信息"
      align="center"
      >
    </el-table-column>
  </el-table>

       </div>

    </div>

    
     <div class="xinxi-e">
        <!-- 文章信息 -->
       <div class="zizhixinxiA">
           <div class="zizhi-titleA">
            <div class="zuo-a"></div>
            <div class="you-a">文章内容</div>
       </div>

       </div>

<!-- bianjiqi -->
       <div v-html="dataListEdit.articleContent" class="wenzhang"></div>



    </div>


  </div>
</template>
<script>

import Vue from 'vue'
export default {
  data () {
    return {
    checked3:'',
    policyCenterDialogVisible:false,
    ruleForm:{
      id:0,
      name:'',
      typeCode:'',
      type:1,
      path:'',
      statusFlag:0,
      orderNum:0
    },

    dataForm:{
    pIdType:'',
    idType:'',
    profession:''
    },
    
        articleData:{
          content:''
        },
    dataForm:{},
    tableData:[],
    jobs: [],
    professions: [],
    confInfos: [],


    }
  },
    props:{
    dataListEdit:{
      type:Object
    }
  },
  components:{

  },
  computed: {

    },
  created(){


  },
    watch: {

    },
  methods:{


      clickUa(){
      this.$parent.clickBacks();
      },
      clickUb(){

      },

}
}
</script>
<style scoped lang="scss">
  .inputcss{
  width: 300px;
  margin-right: 5px;
  }
  .policyForm{
    margin-top: 10px;
  }
  .mod-user{
    padding: 15px;
}

.formA{
    padding-right: 100px !important;
}
.selectA{
    width: 100% !important;
}
.div-tab{
    width: 100%;
    height: 40px;
    background-color: #ffffff;
}
/deep/.tabs-s .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
    border-right: none !important;
    border-left: none !important;
    background-color: #ffffff !important;
}
/deep/.tabs-s .el-tabs__active-bar {
    height: 2px !important;
}
.table-eee{
    margin-top: 10px;
}
.xinxi{
    width: 100%;
    padding: 25px 25px 0px 25px;
    background-color: #ffffff;
}

.zizhixinxi{
    width: 100%;
    // border-bottom: 1px solid #E9E9E9;
}
.zizhixinxiA{
    width: 100%;
}
.zizhi-title{
    width: 100%;
    height: 18px;
}
.zizhi-titleA{
    width: 100%;
    height: 31px;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.zuo-a{
    width: 5px;
    height: 18px;
    float: left;
    background-color: #6E92E9;
}
.you-a{
    margin-left: 8px;
    float: left;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}
.zizhi-center{
    width: 100%;
    // height: 210px;
    padding-top: 20px;
    // background-color: #6E92E9;
}
.input-e{
    width: 75%;
}
.xinxi-e{
    padding:0px 25px 0px 25px;
    width: 100%;
    background-color: #ffffff;
}
.button-ee{
    width: 62px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    position: absolute;
    right: 0px;
    float: right;
}
.tables-e{
    margin-bottom: 25px;
}
.wenzhang{
    width: 100%;
    padding: 35px;
    box-sizing: border-box;
    // height: 560px;
    background-color: #ffffff;
}
.queding{
    width: 100%;
    height: 32px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
}
.button-e{
    width: 140px;
    height: 32px;
}
.button-ua{
width: 63px;
height: 30px;
float: left;
background: #ffffff;
color: #000000;
cursor: pointer;
opacity: 1;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;

border: 1px solid #E8E8E8;
}
.button-ub{
width: 63px;
height: 30px;
float: right;
background: #6E92E9;
color: #FFFFFF;
cursor: pointer;
opacity: 1;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;

border: 1px solid #6E92E9;
}
.checkbox-A{
 height: 35px !important;
 margin-left: 2px;
}
.backU{
    height: 100%;
    cursor: pointer;
    float: right;
    font-size: 14px;
    color: #6E92E9;
}

</style>

